
<{php}>
if(isset($config['solution_index_seo_title']['cvalue'])){
$title = $config['solution_index_seo_title']['cvalue'];
}
if(isset($config['solution_index_seo_keywords']['cvalue'])){
$keywords = $config['solution_index_seo_keywords']['cvalue'];
}
if(isset($config['solution_index_seo_desc']['cvalue'])){
$description = $config['solution_index_seo_desc']['cvalue'];
}
<{/php}>
<{include file="../template/public/head.html"}>


<!-- header-->

<!-- pro_top -->
<{include file="../template/public/union_nav.html"}>
<link rel="stylesheet" type="text/css" href="/static/css/css.css?v=3" />

<!--面包屑导航-->
<div class="container-fluid">
    <div class="row bread-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <ol class="breadcrumb pull-left">
                        <li>
                            <a href="/"><{:lang('home')}></a>
                        </li>
                        <li>
                            <a href="/solution"><{:lang('solution')}></a>
                        </li>
                    </ol>
                </div>
                <div class="col-md-6">

                </div>
            </div>
        </div>
    </div>
</div>



<style type="text/css">

    /*.index_solution_yewu{height:470px;}*/
    .index_solution_yewu.active.mask{min-height:235px;}
    .pro-banner{
        background:url(<{if condition="isset($config.product_solution_banner.cvalue)"}><{$config.product_solution_banner.cvalue}><{/if}>);
        background-size:100% 100%;
    }
    @media (max-width: 1200px) {
        .pro-banner{
            background: url(<{if condition="isset($config.product_solution_banner.cvalue)"}><{$config.product_solution_banner.cvalue}><{/if}>) no-repeat center center !important;
        }
    }
    @media (max-width: 700px) {
        .pro-banner{
            display:none;
        }
        #content img{
            max-width:100%;height:auto !important;
        }
    }


    .index_case_text .text {
        min-height: 48px !important;
    }
</style>

<script>

</script>


<!-- banner -->
<div class="container-fluid">
    <div class="row">
        <div class="banner pro-banner">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7">
                        <div class="text">
                            <h1 class="white"><{if condition="isset($config.product_solution_title.cvalue)"}><{$config.product_solution_title.cvalue}><{/if}></h1>
                            <p><{if condition="isset($config.product_solution_desc.cvalue)"}><{$config.product_solution_desc.cvalue}><{/if}></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 小屏 -->
<div class="container hidden-lg hidden-md">
    <div class="row">
        <div class="col-sm-12">
            <div class="text">
                <h1 style="text-align:center;font-size:18px;color:black;"><{if condition="isset($config.product_solution_title.cvalue)"}><{$config.product_solution_title.cvalue}><{/if}></h1>
                <!--<p><{if condition="isset($config.product_syscat_desc.cvalue)"}><{$config.product_syscat_desc.cvalue}><{/if}></p>-->
            </div>
        </div>
    </div>
</div>






<!--废弃的老的banner-->
<div class="index_banner hidden-lg hidden-md hidden-sm hidden-xs">
    <div class="container">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="index_banner_box text-center">
                        <h2>Four products areas,Various valued solutions</h2>
                        <h1>Horse Construction Make 10 More Years Efforts Prove the Chinese Construction Reinforcing Brand's Strength</h1>
                        <p class="white">Horse Construction business range tend to all over the world and service for thousands clients with products, technical,construction specialized guidance,and we witness the Chinese reinfocing brand's togther with them.</p>
                        <div class="index_banner_line center-block mt45"></div>
                        <a href="#" data-target="#index_solution" data-action="elemScroll" class="more center-block">Scheme matching</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- center of the page -->




<section class="container" style="background:white;">
    <{php}>$solutionCats = $query->getSolutionCat();<{/php}>
    <{volist name="$solutionCats" id="item"}>
    <div class="container-fluid mt65 mb65 news">
        <div class="container-fluid">
            <div class="row  ">
                <div class="col-sm-6 row">
                    <a href="<{php}> echo $query->U('index/solution/cat/id/'.$item['id'],true);<{/php}>"><img src="<{$item.cover}>" width="475" height="240" alt="" class="img-responsive" /></a>
                </div>
                <div class="col-sm-6">
                    <div class="text">

                        <h2><strong><a href="<{php}> echo $query->U('index/solution/cat/id/'.$item['id'],true);<{/php}>"><{$item.title}></a></strong></h2>
                        <p><{$item.desc}></p>
                        <ul class="list-unstyled" style="width:340px;margin-right:15px;">
                            <li><h3>&nbsp;</h3></li>

                            <li><a href="javascript:;">&nbsp;</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <{/volist}>
</section>





<div id="content_bak" class="hidden-lg hidden-md hidden-sm hidden-xs">
    <div class="container index_solution" id="index_solution">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12">
                    <h1 class="text-center"><strong>Only by knowing and respecting can we create the most suitable one</strong></h1>
                    <p class="text-center">Each solution,we will use professional knowledge to help you,listen to your needs,respect your opinion,with our professional team,do our best for you to create a more suitable  </p>
                </div>
            </div>
            <div class="row mt45">

                <{volist name="solutionCats" id="item" }>
                <div class="col-xs-6 col-sm-3">
                    <div class="index_solution_yewu">
                        <img src="<{$item.cover}>" alt="" class="img-responsive" />
                        <a href="<{php}> echo $query->U('index/solution/cat/id/'.$item['id'],true);<{/php}>">
                            <div class="mask">
                                <h2><{$item.title}></h2>
                                <p><{$item.desc}></p>
                                <p class="details"><{:lang('details')}> &gt;</p>
                            </div></a>
                    </div>
                </div>
                <{/volist}>


            </div>
        </div>
    </div>

    <script>
        $(".index_solution_yewu").hover(function(){
            $(this).addClass("active");
        },function(){
            $(this).removeClass("active");
        });
    </script>
    <div class="index_pro hidden-lg hidden-md hidden-sm hidden-xs" >
        <div class="container">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 col-md-6">
                        <h2>Quality Assurance Explains Common Choice of 50 countries and regions</h2>
                        <p class="text">We use the 500,000m2 of production base to create an international top-level digitized reinforcement material production line,and standardize every processing flow and quality inspection of reinforcement material production,Sculpture every reinforcement material of Horse Construction with craftsman spirits,and strive to achieve perfection. Up to now ,we have taken the lead in passing the ISO9001:2008 international quality management system certification, TUV certification of German and BV certification of French in the same industry of our country,and have won more than 10 national invention patents.Horse Construction products have been exported to over 50 countries and regions.</p>
                        <a href="<{php}> echo $query->U('index/product/syscat',true);<{/php}>" class="more">All Products</a>
                        <p><a href="<{php}> echo $query->U('index/about/factory',true);<{/php}>">Production Capacity</a><span>|</span><a href="<{php}> echo $query->U('index/service/index',true);<{/php}>">Service</a><span>|</span><a href="<{php}> echo $query->U('index/about/cooperation',true);<{/php}>">Who Choose Us?</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <{php}>
    $customerCases = $query->getCustomerCase(0,3);

    <{/php}>

    <div class="container index_case hidden-lg hidden-md hidden-sm hidden-xs">
        <div class="container">
            <div class="col-xs-12 text-center">
                <h1><strong>Customer Sites Tell You Where the Investment Value Is</strong></h1>
                <p>They come from more than 50 countries and regions, they successfully and deeply plough in the fields of Building reinforcement industry, and their business stories are helping more people find the value of this industry...</p>
                <div class="more center-block">
                    <a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('See more')}></a>
                </div>
            </div>
        </div>
        <div class="container mt45 mb65">
            <{volist name="customerCases" id="item"}>
            <div class="col-xs-12 col-sm-4 hover-more" title="<{$item.title}>">
                <img src="<{$item.cover}>" width="350" height="240" alt="" class="img-responsive center-block" />
                <div class="index_case_text more-show">
                    <h2 style="height:117px;"><a href="<{php}> echo $query->U('index/customer_case/content/id/'.$item['id'],true);<{/php}>" ><{$item.title|mb_substr=0,50}><{if condition="(strlen($item['title']) > 50)"}>...<{/if}></a></h2>
                    <p class="text"  title="<{$item.desc}>"><{$item.desc|mb_substr=0,80}><{if condition="(strlen($item['desc']) > 50)"}>...<{/if}></p>
                    <p class="details"><a href="<{php}> echo $query->U('index/customer_case/content/id/'.$item['id'],true);<{/php}>">Details &gt;</a></p>
                </div>
            </div>
            <{/volist}>

        </div>
    </div>
</div>
<script>
    $(".index_case_text").hover(function(){
        var index = $(".index_case_text").index(this);
        $(".index_case_text").removeClass("active").eq(index).addClass("active");
    },function(){
        $(this).removeClass("active");
    });
</script>
<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>